<template>
  <a-card>
    <div>
      <tbody><tr>
<td width="31" rowspan="3"></td>
<td width="1" bgcolor="#B5B5B5"></td>
<td width="714" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td bgcolor="#B5B5B5" height="1"></td>
</tr>
</tbody></table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="30">&nbsp;</td>
<td width="654" align="center">
<!-- 下方table标签为页面宽度 -->
<table width="1200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" class="txt18" height="20"></td>
</tr>
<tr>
<td align="center" bgcolor="#E7E7E7" class="txt12" height="20">文章详情查看　　发布时间{{ time }} 　　 来源：双碳管理系统</td>
</tr>
</tbody></table>

<table width="80" border="0" cellspacing="0" cellpadding="0" height="8"></table>

<table width="45%" border="0" cellspacing="0" cellpadding="0" class="navy">
<tbody>
<td align="right">
<table width="90" border="0" cellspacing="0" cellpadding="0" height="6"></table>

【字体：<a href="#" onclick="Zoom.style.fontSize='24px';" class="navy">大</a> <a href="#" onclick="Zoom.style.fontSize='16px';" class="navy">中</a> <a href="#" onclick="Zoom.style.fontSize='12px';" class="navy">小</a>】</td>
<td align="right" width="10"></td>
<!-- <td width="80"><input type="button" name="print2" value="打印本页" onclick="javascript:window.print()" style="HEIGHT: 20px" class="btn"> </td> -->
<td width="80"><input type="button" name="close2" value="关闭窗口" onclick="window.close()" style="HEIGHT: 20px" class="btn"> </td>
</tbody></table>

<table width="80" border="0" cellspacing="0" cellpadding="0" height="8"></table>

<table width="100%" border="0" height="35" cellspacing="0">
<tbody><tr>
<td valign="top" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td height="35" width="100%"></td>
</tr>
</tbody></table>

<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody><tr>
<td class="p1">
  <font id="Zoom"> 
  <p align="center">
    <font size="5" style="FONT-SIZE: 40pt">
    <strong>{{title}}  </strong></font></p>
    <p   v-html="content" ></p>
 
<p>&nbsp;</p>
<p><strong>附件【<a v-bind:href="filePath" target="_blank" >附件下载</a >】</strong></p>


<p align="center">
  <font size="1" style="FONT-SIZE: 18pt"><strong>公告内容详细信息</strong></font></p>
<p>
  <br>
  　　发布企业：{{ company }}<br>
  　　发布时间：{{ time }}<br>
 </p>

</font>  
</td>
</tr>
</tbody></table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td height="20" width="100%"></td>
</tr>
</tbody></table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>&nbsp;</td>
</tr>

<tr>
<td bgcolor="#CCCCCC" height="1"></td>
</tr>

<tr>
<td height="15">&nbsp;</td>
</tr>
</tbody></table>

<table width="420" border="0" cellspacing="0" cellpadding="0" class="navy">
<tbody><tr>
<td width="210" height="26" align="right" class="navy">
<table width="50" height="1" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td></td>
</tr>
</tbody></table>

<form name="Form2000" method="post" action="" enctype="text/plain" onsubmit="return validate_form()">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="26">
<tbody><tr>


</tr>
</tbody></table>
</form>
</td>
<td class="navy" valign="middle" width="210">
<table width="50" height="6" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td></td>
</tr>
</tbody></table>

</td>
</tr>
</tbody></table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td height="15" width="100%"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td width="30">&nbsp;</td>
</tr>
</tbody></table>
</td>
<td width="1" bgcolor="#B5B5B5"></td>
<td width="3" bgcolor="#DEDEDE" valign="top" rowspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tbody><tr>
<td height="5"></td>
</tr>
</tbody></table>
</td>
<td width="32" rowspan="3"></td>
</tr>

</tbody>
    </div>
  </a-card>


</template>

<script>
  export default {
    name: "listDetail",
    data() {
      return {
        /*以下方法就是接收父页面传参
                 获取id:this.$route.params.id
                 获取title:this.$route.params.title,
                 */
        title: 0,
        id: 0,
        company: 0,
        content: 0,
        time:0,
        filePath:''
      };
    },
    methods: {
      //这里面可以根据获取到的id进行获取相应数据
    },
    created() {
      this.title = this.$route.query.title;
      this.id = this.$route.query.id;
      this.company = this.$route.query.company;
      this.content = this.$route.query.content;
      this.time=this.$route.query.time;
      this.filePath=this.$route.query.filePath;
    },
  };
  </script>

<style type="text/css">

.txt12 {  font-family: "宋体"; font-size: 12px; text-decoration: none; line-height: 130%; color: #000000}
.txt12:hover {  font-family: "宋体"; font-size: 12px; text-decoration: none; line-height: 130%; color: #000000}
.txt18 { font-family: "宋体"; font-size: 24px; text-decoration: none ; font-weight: bold; line-height: 26px; color: #003CC8}
.p1 {  line-height: 180%; font-size: 16px; color: #000000; text-decoration: none; font-family: "宋体"}
.navy {  font-family: "宋体"; font-size: 12px; line-height: 16px; color: #003cc8; text-decoration: none; border: none}
.btn { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; line-height: 150%; color: #000000; text-decoration: none}


</style>
